@charset "utf-8";
*{margin:0;padding:0}
html{height:100%;}
body{font:12px/1.5 tahoma,arial,"\5b8b\4f53";*line-height:1.5;cursor:default;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol{list-style:none}
a{text-decoration:none;color: #333;}
a:hover{text-decoration:underline;color: #337ab7;}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
.longinicon{background:url(/img/logo.png) no-repeat;}

.header{height:0px;background:#fff;}
.main{width:900px;margin:0 auto;}
.header{height:40px;}
.header .logo{float:left;width:149.13px;height:300px;}
.header .logo img{width:100%;}
.header ._right{float:right;color:#666666;font-size:14px;line-height:13px;height:20px;margin-top:30px;}
.header ._right a{color:#08A0F0;}

.header .login{padding-right:15px;padding-right:25px;}
.header .home{border-left:1px solid #666666;padding-left:25px;}

.h1{height:74px;background:rgba(56,173,250,1);opacity:1;border-radius:5px 5px 0px 0px;margin-top:30px;}
.h1 .title{padding-top:20.5px;height:33px; margin-top: 50px;

font-size:24px;
font-family:PingFang SC;
font-weight:400;
line-height:33px;
color:rgba(255,255,255,1);text-align:center;}

.loginbox{width:338px;margin:0 auto;padding:14px 0px;}
.loginbox .input{
height:42px;
padding:0px 10px;
border:1px solid rgba(204,204,204,1);
opacity:1;
border-radius:5px;margin-top:20px;}
.loginbox input{border:none;outline:none;height:20px;margin-top:11px;font-size:14px;width:100%;}


.loginbox .codebox{height:44px;margin-top:20px;position:relative;}
.loginbox .codebox .code{
float:left;
width:180px;
height:42px;
padding:0px 10px;
border:1px solid rgba(204,204,204,1);
opacity:1;
border-radius:5px;}

.loginbox .codebox .btn{
position:absolute;right:0px;	
width:116px;
height:42px;
background:rgba(8,160,240,1);
opacity:1;
border-radius:5px;float:right;text-align:center;color:#fff;line-height:42px;}


.loginbox .qrcodebox{height:42px;
padding:0px 10px;
border:1px solid rgba(204,204,204,1);
opacity:1;
border-radius:5px;margin-top:20px;position:relative;}
.loginbox .qrcodebox input{width:200px;}
.loginbox .qrcodebox .img{position:absolute;right:10px;top:11px;}


.loginbox .agree{height:17px;color:#333333;font-size:12px;line-height:17px;padding-top:21px;}
.loginbox .agree span{display:inline-block;font-size:10px;margin-right:8px;}
.loginbox .agree .a{width:15px;
height:15px;
background:rgba(8,160,240,1);color:#fff;text-align:center;}
.loginbox .agree a{color:rgba(8,160,240,1);}


.loginbox .submit{width:336px;margin-top:20px;
height:42px;
background:rgba(247,247,247,1);
opacity:1;
border-radius:5px;line-height:42px;text-align:center;color:#999999;font-size:16px}
.loginbox .submit.hover{color:#fff;background:rgba(8,160,240,1);}

.loginbox .other{margin-top:20px;
height:17px;
font-size:12px;
line-height:17px;
color:rgba(154,154,154,1);}
.loginbox .other span{position:relative;display:inline-block;width:17px;height:17px;}
.loginbox .other span:after{content: " ";
    border: solid rgba(154,154,154,1);
    border-width: 0px 0px 1px 1px;
    position: absolute;
    right:2px;
    top:6px;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);}
	
.loginbox .other.h span:after{content: " ";
border: solid rgba(154,154,154,1);
border-width: 0px 0px 1px 1px;
position: absolute;
right:2px;
top:10px;
width: 6px;
height: 6px;
transform: rotate(135deg);}